@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700;800;900&family=Nunito:wght@800;900&display=swap');
@import url("style.css");

/* DRB TUNNEL SOLUTIONS CUSTOM SKIN */
p {margin: 0 0 10px 0;}
@media screen and (max-width: 991px) {.wc_store_items .description p {text-align: center;}}
@media screen and (max-width: 991px) {.wc_store_items .name {text-align: center;}}
@media screen and (max-width: 991px) {.wc_store_items .description ul {padding: 0px;margin: 10px auto;}}
@media screen and (max-width: 991px) {.wc_store_items .description ul>li {text-align: center;list-style-type: none;}}

@media print {
  a[href]:after {
     content:" ("attr(href)")";
     color:rgba(255,255,255,0) !important;
     display:none !important;
     /*font-style:italic;*/
     /*background-color:inherit;*/
     /*size:90%;*/
     /*size:0%;*/
  }
}


select.form-control{height: 34px !important;}

.tlCartImg {height: 21px;padding-left: 22px !important;background: url('images/cart.gif') no-repeat left center;}

hr {height: 0px;border:0;border-bottom:1px solid #cfcfcf;margin:50px 0;}

.ModWebsiteConnectCheckoutC .form-group span {/*font-size: 14px;*/ font-weight:bold;}

#dnnModuleDigitalAssetsSearchBox > a.searchButton {position: absolute !important;}
.col-sm-1 {float:left;}

.storeItemWrapper {margin-bottom: 10px;}

.dnnFormItem > label.dnnFormLabel,.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {float:left;}

/*store items*/
.wc_store_items .header {background:silver;padding:10px;}
.wc_store_items .name h3{font-size: 26px;line-height:28px;color:#000; font-weight: 900;}
.wc_store_items .description {text-align: left;}
.wc_store_items .price {clear:both; margin-bottom: 10px;font-size: 24px; color: #000000; font-weight: bold; }
.wc_store_items .qty {color: #000;  }
.wc_store_items .qty input {margin-left: 5px; width: 40px;}
.wc_store_items .button {margin-top:10px;}
.wc_store_items .select {margin-bottom: 10px;}
.wc_store_items .select select {width: 100%;}
.wc_store_items hr:last-child {border:0;}

.wc_button, input[type="submit"].wc_button	{
	padding: 10px 15px;
	color: #fff;
	background-color: #DF252E;
	border: none;
	font-size: 16px;
	line-height: 18px;
	text-transform: capitalize;
	font-weight:600;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

input[type="submit"].wc_button:hover, .wc_button:hover {background-color: #000;}
.form-horizontal .form-group .control-label:nth-child(2) input[type="submit"].wc_button {float: left !important;}
.wc_store_items .savings * {margin:0; font-weight: normal; font-size: 13px; color: #a60007;}

.dnn-nav {text-align: center; padding: 10px; margin-bottom: 10px;background:#ffffff;}


/* Main Horizontal Menu */
.Main_DNNMenu_NodeRoot /* Root Horiz Menu Items */{
	display: inline-block;
	cursor: pointer;
	cursor: hand;
	color: #000000;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	font-style: normal;
	padding: 10px 15px;
	margin:3px 3px;
	background-color: #cfcfcf;
}

#dnnMenu .topLevel li a:link, #dnnMenu .topLevel li a:visited, #dnnMenu .topLevel li a:active {
	color: #000000;
	padding: 10px 15px;
	background-color: #cfcfcf;
}

#dnnMenu .subLevel li.item a {
	background-color:white;
}

.Main_DNNMenu_ContainerSub /* Subnavigation Containers */ {
	background-color:white;
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
}

.Main_DNNMenu_NodeHoverRoot, .Main_DNNMenu_NodeHoverRoot td, #dnnMenu .topLevel li a:hover {color:#ffffff;background:#000000;text-decoration:none;}
.Main_DNNMenu_NodeHoverSub, .Main_DNNMenu_NodeHoverSub td, #dnnMenu .subLevel li.item a:hover {background:#0C4DA2;color:white;}

.Main_DNNMenu_NodeRoot.sel, #dnnMenu .topLevel li.sel a {background:#DF252E;color:#fff;}

.store-content {border: 1px solid #d2d2d2; border-radius: 5px; padding: 5px 5px 15px 5px;}
.gray-box {background: #f5f5f5; border: 1px solid #d2d2d2; padding:5px; border-radius: 5px; margin-top: 10px;}
.price {}
.white-box {background: #ffffff; border: 1px solid #d2d2d2; border-radius: 5px; padding: 5px; margin-bottom: 5px;}


/*email registration*/
.email-registration .wc_login .alert {
	background-color: #ff6d00;
	color: black;
	font-weight: bold;
	text-align: center;
}
.email_registration_radio_buttons table {width: 100%; margin: 0 auto;}

.row1 td {background:#F9F9F9;}
.row2 td {background:#F2F0F0;}
.row3 td {border-bottom:1px dashed silver;}
.row4 td {border:0;}

.wc_login .buttons {padding-bottom:10px;text-align:center;}
.wc_cart .total-area .order-total {font-size: 1.1em; font-weight: bold; color: #ff0000;}
.wc_summary td.grand_total { font-weight: bold; color: #FF0000;}

/*content */
#dnn_ContentPane img {max-width: 100%;height: auto;}

.promo-code .form-group {margin-bottom: 0px;}
.promo-code .wc_button{margin-top:5px; }

.club-registration, .email-registration, .prepaid-card-balance {width:auto; margin: 10px;}


@media screen and (min-width: 768px) {
	.wc_store_items .price {margin-top: 40px;}
	.flex-row {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
    	-ms-flex-align:center;
        align-items:center;
	}
}


@media screen and (max-width: 991px) {
	.wc_store_items .item {text-align: center;}
	.wc_button, input[id*="btnRemoveItemText"] {width: 100% !important;}
	.wc_store_items .qty input {margin-top: 5px; margin-left: 0px; width: 100%;}
	input[type="submit"].wc_button {padding: 10px 15px; font-size: 16px;}
}

@media screen and (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a {padding:10px 12px;}
	.contact_details {display:block;}
	.contact_details li.slogan {display:none;}
	.social {max-width:none;}
	.top-header-column {text-align: center;}
	.FooterNavigationPane, .PhoneAddress1Pane, .PhoneAddress2Pane {margin-bottom:20px;}
	.store-header {text-align: center;font-size:36px;line-height: 40px;}
	footer {text-align: center;}
	.feature {width: 50%; float:left;}
	.wc_cart, .wc_orderinfo { width: 100%;border-collapse: collapse;}
	table.wc_cart, .wc_cart thead, .wc_cart tbody, .wc_cart th, .wc_cart td, .wc_cart tr, table.wc_prepaid, .wc_prepaid thead, .wc_prepaid tbody, .wc_prepaid th, .wc_prepaid td, .wc_prepaid tr,
	table.wc_summary, .wc_summary thead, .wc_summary tbody, .wc_summary th, .wc_summary td, .wc_summary tr  {display: block;}
	.another-card {margin-top: 20px;}
	.wc_cart .header, .wc_prepaid .header, .wc_summary .header, .wc_orderinfo .header {position: absolute;top: -9999px;left: -9999px;}
	.wc_cart td.before-label:before, .wc_prepaid td.before-label:before, .wc_summary td.before-label:before, .wc_orderinfo td.before-label:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: ;
		left:0px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: bold;
	}

	.wc_cart td.before-label, .wc_prepaid td.before-label, .wc_summary td.before-label, .wc_orderinfo td.before-label {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.ModWebsiteConnectCheckoutC td.pre_total.before-label.discount {border-top: 2px solid black;}
	.wc_cart td.item:before {content: "Cart Item:"; }
	.wc_cart td.price:before {content: "Price:";}
	.wc_cart td.qty:before {content: "Quantity:";}
	.wc_cart td.total:before {content: "Item Total:";}

	.wc_prepaid td.date:before {content: "Date:"; }
	.wc_prepaid td.location:before {content: "Location:";}
	.wc_prepaid td.last-recharge:before {content: "Last Recharge:";}
	.wc_prepaid td.uses:before {content: "Uses:";}

	.wc_summary td.item:before {content: "Item:"; }
	.wc_summary td.price:before {content: "Price:";}
	.wc_summary td.balance:before {content: "Balance:";}
	.wc_summary td.qty:before {content: "Quantity:";}
	.wc_summary td.total:before {content: "Item Total:";}
	.wc_summary td.discount:before {content: "Discount:";}
	.wc_summary td.sales-tax:before {content: "Sales Tax:";}
	.wc_summary td.grand_total:before {content: "Grand Total:";}
	.wc_summary td.sub-total:before {content: "Sub Total:";}
	.wc_summary td.bill-to:before {content: "Bill To:"; position: relative; left: 0px; display: block;}
	.wc_summary td.ship-to:before {content: "Ship To:"; position: relative; left: 0px; display: block;}
	.wc_summary td.payment-info:before {content: "Payment Info:"; position: relative;left: 0px; display: block;}

	.wc_summary td.bill-to, .wc_summary td.ship-to, .wc_summary td.payment-info {padding-left:0px;}

	.wc_orderinfo td.order-number:before {content: "Order Number:";}
	.wc_orderinfo td.order-date:before {content: "Order Date:";}
	.wc_summary td.bill-to, .wc_summary td.ship-to {border-bottom: 2px solid black; margin-bottom: 10px;}
	.wc_prepaid td.total {border-bottom: 1px solid #eee;  font-weight: bold; border-bottom: 1px dashed silver;}

	.wc_cart td.qty input {max-width: 100%;}
	.wc_cart td * {position: relative;}

	.wc_cart .row1 { border-bottom: 2px solid ;}
	.wc_cart .row2 {border-bottom: 2px solid ;}

	.wc_cart .total-area {margin-bottom: 70px; margin-top: 10px;}
	.wc_cart .total-area .discount, .wc_cart .total-area .tax, .wc_cart .total-area .order-total {padding-left: 50%;float: left;padding-bottom: 10px;}

	.wc_cart .total-area .before-label:before {position: absolute;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;font-weight: bold;}
	.wc_cart .total-area .discount:before {content: "Discount:"; }

	.wc_cart .total-area .tax:before {content: "Tax:";}
	.wc_cart .total-area .order-total:before {content: "Order Total:";}

	.promo-code {background: #eee; padding: 5px; margin-bottom: 20px;}

	.wc_storeinfo {margin-bottom: 20px;}

	.wash-location {padding-top: 10px;font-size: 18px;font-weight: bold;}

	select {width: 100%; height: 30px; margin-top: 5px;}
	.wc_prepaid .total {margin-bottom: 20px;}

	#Footer .FooterRight {text-align: left; margin-top: 10px;}
}

@media screen and (max-width: 525px) {
	.feature {width: auto;}
}

/*below 768*/
@media screen and (max-width: 768px) {
	.wc_button, input[id*="btnRemoveItemText"] {width: 100% !important; margin-top: 5px; padding: 10px 0px; height: auto !important;}
	.select select {width: 100%; margin-bottom: 10px;}
	.qty input{width: 100%;}
	.paypal_button {text-align: center; margin-top: 5px;}
	.wc_cart .buttons {text-align: center;}
/*}*/

	.wc_summary td.bill-to, .wc_summary td.ship-to {word-wrap: break-word;}
	.prepaid-card-balance .control-label span {padding-left: 15px;}
}

@media screen and (min-width: 768px) {
	.wrapper {background-size: 100%;}
}

@media screen and (min-width:525px ){
	#dnn_ContentPane img[align="left"] {margin-right:20px; }
	#dnn_ContentPane img[align="right"] {margin-left:20px; }
	#dnn_ContentPane img {width: auto;}
}


@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {display: none !important;}

@media screen and (min-width: 768px), print {
	.site-header {position: relative; height: 135px; background-size:100% 100%;}
	.logo {float: right;
			position: absolute;
			right: 20px;
			top: -20px;
	}
	.logo img {max-width: 100%; max-height: auto;}
	.main {}

	.nav-bg{height: 59px;}

	/* content */
	/* Website Connect */
	.button_adobe {width:120px;margin-top:15px;}
	.button_adobe img {border:0px;}

	.wc {margin:0;padding:0px;border:0;}
	.wc, .wc td, .wc td input, .wc td select  {}
	.wc, .wc td {line-height:24px;}

	.wc td .header {line-height:16px;font-weight:bold;text-align:center;}
	.wc .left {text-align:left;}
	.wc .right {text-align:right;}

	.wc_cart, .wc_checkout, .wc_prepaid {width:100%;background:white;}

	/* Store Items */
	.wc_store_items {margin: 0 auto;}
	.wc td.item h1 {font-size:14px;font-weight:bold;}

	/* Shopping Cart */
	table.wc_cart {background:#ffffff;width:100%;border:1px solid #f2f0f0;}
	.wc_cart td {vertical-align:top;padding:5px 2px;}
	.wc_cart td.header {padding:10px;font-weight:bold;background: silver;border-top: 5px solid gray; height: auto}


	.wc_cart .total {width:5%;}
	.wc_cart .buttons {text-align:right;background:#ffffff;}
	.wc_cart .qty input {margin:0;padding:0;text-align:center; width: 40px;}
	.promo-code {background: #eee; padding: 5px; margin-bottom: 20px; }
	/* Checkout */
	.wc_checkout {width:70%;background:none;}

	.wc_checkout td {padding:5px 2px;}
	.wc_checkout .header {text-align:left;border-top:1px solid silver;padding:10px 2px;font-weight:bold;}

	.wc_checkout .label {width:40%;}
	.wc_checkout .value {width:60%;}
	.wc_checkout .value input {width:250px;}

	/* Summary */
	.wc_summary {width:100%;border:1px solid silver;}
	.wc_summary td {padding:5px;}
	.wc_summary .header {background:#f2f0f0;border-bottom:1px solid silver;font-weight:bold;}

	.wc_summary .item {width:76%;}
	.wc_summary .price {width:8%;text-align:center;}
	.wc_summary .qty {width:8%;text-align:center;}
	.wc_summary .total, .wc_summary .grand_total {width:8%;text-align:right;}
	.wc_summary .grand_total {font-weight:bold;}
	.wc_summary .address {vertical-align:top;}
	.wc_summary .pre_total {text-align: right;}
	.wc_summary .sub-total {text-align:right;}

	/* Summary */
	.wc_ordergrid {width:100%;}
	.wc_ordergrid td {padding:5px;}

	/* Receipt */
	.wc_orderinfo, .wc_storeinfo {width:auto;margin:0 0 15px 0;}
	.wc_orderinfo td, .wc_storeinfo td {padding:2px 10px 2px 0;}

	.wc_orderinfo {float:left;}
	.wc_storeinfo {float:right;}

	.wc .wc_upc {width:100%;border-top:1px dashed gray;}
	.wc_upc td {padding:10px 5px;border-bottom:1px dashed gray;vertical-align:top;}
	.upc {width:75%;text-align:right;}

	/* Login */

	.wc_login {width:400px;border:1px solid gray;background:#f2f0f0;}
	.club-registration, .email-registration, .prepaid-card-balance {width:85%; border:0px;background:#f2f0f0;margin:50px auto;}
	.wc_login td {padding:5px 10px;font-size:16px;line-height:24px;margin:0 auto;}
	.wc_login .label {text-align:right;width:33%;font-weight:bold;}
	.wc_login .alert {background-color:#ff6d00;color:black;font-weight:bold;text-align:center;}
	.wc_login .email_registration_radio_buttons td {text-align:center;}
	.email_registration_radio_buttons table {width: 50%; margin: 0 auto;}
	.wc_login .email_registration_radio_buttons input {width:auto !important;}
	.wc_login .buttons input {text-align:center;/*width:auto !important;*/}


	/* Prepaid Cards */
	.wc_prepaid {width:100%;}
	.wc_prepaid td  {vertical-align:top;padding:5px 10px;}
	.wc_prepaid .header {background:silver;}
	.wc_prepaid .row3 {background:#ffffff;}

	.wc_prepaid td {width:20%;}
	.wc_prepaid .amount {width:10%;text-align:right;}

	.wc_prepaid .total {width:5%;text-align:right;font-weight:bold;}
	.wc_prepaid .buttons {background:#ffffff;}

	/* Forms */
	.DNN_FeedbackContent table {width:auto !important;}
	#userForm td.right {width:auto !important;}
	#userForm td input, #userForm td textarea {width:300px;}
	/*div.DNN_FeedbackContent  table td.buttons input.wc_button {width:200px !important;}*/
}

/* print media section */
@media print {
	/* print styles for DNN */
	html, body {margin:0;padding:0;}
	body * {font-size:12pt !important;}
	#Header,.Menu, .LoginLeft,.FooterRight,#ControlPanel {display:none;}
	#NoPrint, .NoPrint, .navigation-wrapper, .Main_DNNMenu_NodeRoot {display:none;}
	.FooterLeft {width:100% !important;}
}
/* close @media print */